﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Title </title>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
    <link href="_assets/css/layout.css" rel="stylesheet" type="text/css" />
</head>
<body id="homepage">
    <!-- wrap -->
    <div id="wrap">
        <!-- head -->
        <div id="head">
            <a href="/" class="logo">挖掘机查询中心</a>
            <!-- nav -->
            <UC:nav ID="navuc" runat="server"></UC:nav>
            <!-- /nav -->
            <!-- slider -->
            <div class="billboard">
                <!-- pic -->
                <div class="banner">
                    <ul>
                        <asp:Repeater ID="rptFocusImageList" runat="server">
                            <ItemTemplate>
                                <li>
                                    <img src="<%#Eval("ImageUrl") %>" alt="<%#Eval("Name") %>" /></li>
                            </ItemTemplate>
                        </asp:Repeater>
                        <%--<li><img src="images/pic-1.png"/></li>
							<li><img src="images/pic-2.png"/></li>
							<li><img src="images/pic-3.png"/></li>
							<li><img src="images/pic-4.png"/></li>--%>
                    </ul>
                </div>
                <!-- /pic -->
                <!-- dot -->
                <div class="control">
                    <ul>
                        <asp:Repeater ID="rptFocusImageCountList" runat="server" OnItemDataBound="FocusImageCountListDataBound">
                            <ItemTemplate>
                                <li>
                                    <asp:Literal ID="ltlText" runat="server"></asp:Literal></li>
                            </ItemTemplate>
                        </asp:Repeater>
                        <%--<li>1</li>
							<li>2</li>
							<li>3</li>
							<li>4</li>--%>
                    </ul>
                </div>
                <!-- /dot -->
            </div>
            <!-- /slider -->
        </div>
        <!-- /head -->
        <!-- main -->
        <div id="main">
            <!-- menu -->
            <div class="menu">
                <ul>
                    <li class="item1"><a href="/Product/SeriesDetail.aspx?seriesid=1">小型机</a></li>
                    <li class="item2"><a href="/Product/SeriesDetail.aspx?seriesid=2">中型机</a></li>
                    <li class="item3"><a href="/Product/SeriesDetail.aspx?seriesid=3">大型机</a></li>
                </ul>
                <div class="clr">
                    &nbsp;</div>
            </div>
            <!-- /menu -->
            <!-- slider -->
            <div class="slider">
                <h2>
                    成功人士经验</h2>
                <!-- content -->
                <div class="content">
								<ul>
									<li class="item">
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
									</li>
									<li class="item">
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
									</li>
									<li class="item">
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
									</li>
								</ul>
							</div>
                <!-- /content -->
                <!-- control -->
                <div class="handler">
								<span class="prv-btn">上一页</span>
								<span class="nxt-btn">下一页</span>
							</div>
                <!-- /control -->
            </div>
            <!-- /slider -->
            <!-- query -->
            <%--<div class="query">
                <h2>
                    快速服务</h2>
                <div class="layer">
                    <h3>
                        查找经销商</h3>
                    <form action="#" name="src">
                    <!-- province -->
                    <div class="province">
                        <span data-value="all">您所在的省份</span>
                    </div>
                    <!-- city -->
                    <div class="city">
                        <span>您所在的城市</span>
                    </div>
                    <input type="hidden" name="province" value="">
                    <input type="hidden" name="city" value="">
                    <a href="#" class="btn-src">
                        <img src="images/btn-src.png" /></a>
                    </form>
                </div>
                <a href="#" class="btn">下载产品手册</a> <a href="#" class="btn">产片询价</a> <a href="#" class="btn">
                    申请试驾</a> <a href="#" class="btn">卡特融资</a> <a href="#" class="btn">以旧换新</a>
            </div>--%>
            <div class="query">
						<h2>快速服务</h2>
						
						<div class="layer">
								<h3>查找经销商</h3>
								<form action="#" name="src">
									<!-- province -->
									<div class="province indexProvince">
											<span data-value="all">您所在的省份</span>
									</div>
									<!-- city -->
									<div class="city indexCity">
											<span>您所在的城市</span>
									</div>
									<input type="hidden" name="province" value="">
									<input type="hidden" name="city" value="">
									<a href="#" class="btn-src"><img src="images/btn-src.png"/></a>
								</form>								
						</div>

						<a href="/Product/ProductDownList.aspx" class="btn">下载产品手册</a>
						<a href="#" class="btn">产品询价</a>
						<a href="#" class="btn">申请试驾</a>
						<a href="#" class="btn">卡特融资</a>
						<a href="#" class="btn">以旧换新</a>

					</div>
            <!-- /query -->
            <div class="clr">&nbsp;</div>
        </div>
        <!-- /main -->
        <!-- footer -->
        <UC:footer ID="footerUC" runat="server"></UC:footer>
        <!-- /footer -->
    </div>
    <!--/ wrap -->
    <UC:UcJs ID="UcJs" runat="server" />
    <script type="text/javascript">
<!--
        $(function () {
            new slider({
                dir: 'left',
                interval: 7000,
                handler: '.billboard .control ul',
                area: '.billboard .banner ul'
            });
            new slider({
                dir: 'top',
                area: '.slider .content ul',
                prevbtn: '.slider .handler .prv-btn',
                nxtbtn: '.slider .handler .nxt-btn'
            });

            new Toggle({
                handler: '.item a',
                area: 'span'
            });

            new PC({
                prc: '.province',
                city: '.city'
            });
        });
//-->
</script>
    <UC:Login ID="loginUC" runat="server"></UC:Login>
</body>
</html>
